﻿

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>成都九方报价网站特价单页</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link href="/static/static1/css/a2f29159061e4b22a0106534d418b192.css" rel="stylesheet"/>
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <script src="/static/static1/js/9cebb44ef0bb4d4c8ce96b235d192fc9.js"></script>

    
    <link rel="stylesheet" href="/static/static1/css/font-awesome.min_3.css">
    <link rel="stylesheet" href="/static/static1/css/ionicons.min_3.css">
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="/static/static1/js/html5shiv.min_3.js"></script>
        <script src="/static/static1/js/respond.min_3.js"></script>
    <![endif]-->
    <style>         .main-header .navbar {             background-color: #0556a2!important;         }         .main-header .logo {             background-color: #0556a2!important;         }         .skin-green .wrapper, .skin-green .main-sidebar, .skin-green .left-side {             background-color: #fff!important;         }         .skin-green .sidebar a {             color: #1a2327;         }     </style> </head>
<body class="hold-transition sidebar-mini">
    <div class="wrapper">
        <header class="main-header">
            
<!-- Logo -->
<a href="#" class="logo">
    <!-- mini logo for sidebar mini 50x50 pixels -->
    <span class="logo-mini">
        <b>报价</b>
    </span>
    <!-- logo for regular state and mobile devices -->
    <span class="logo-lg">
        <img src="/static/static1/images/jfyw.png" width="200px" height="40px">
    </span>
</a>
<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top">
    <!-- Sidebar toggle button-->
    <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
        &nbsp;产品类型
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </a>
    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
            <i class="fa fa-bars"></i>
        </button>
    </div>
    <div class="collapse navbar-collapse pull-left" id="navbar-collapse">
        <ul class="nav navbar-nav">

        </ul>
    </div>
    <!-- /.navbar-collapse -->
    <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
            <!-- User Account: style can be found in dropdown.less -->
            <li class="dropdown user user-menu">
               <!--<a href="javascript:;" class="dropdown-toggle" onclick="logout();">退出登录</a> -->
            </li>
            <li class="dropdown user user-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <img src="/static/static1/picture/20180305184444_6163_3.png" class="user-image" alt="User Image">
                    <span class="hidden-xs">九方印务</span>
                </a>
                <ul class="dropdown-menu">
                    <!-- User image -->
                    <li class="user-header">
                        <img src="/static/static1/picture/20180305184444_6163_3.png" class="img-circle" alt="User Image">
                        <p>
                            九方印务
                        </p>
                    </li>
                    <!-- Menu Footer-->
                    <li class="user-footer">
                        <div class="pull-right">
                                <a href="javascript:;" class="btn btn-default btn-flat" onclick="logout();">退出</a>
                        </div>
                    </li>
                </ul>
            </li>
            <!-- Control Sidebar Toggle Button -->
            
        </ul>

    </div>
</nav>
<script>
    function logout() {
        $.ajax({
            type: "POST",
            url: "/logout",
            success: function(data) {
                location.href = "/login";
            }
        });
    }

    function goLogin() {
        var returnUrl = window.location.pathname + window.location.search;
        //console.log(returnUrl);
        location.href = "/login?returnUrl=" + returnUrl + "";
    }
</script>
        </header>
        <aside class="main-sidebar">


            <section class="sidebar">
                <input type="hidden" id="hidSkin" value="skin-green" />
                <ul class="sidebar-menu">
                    <li class="treeview" url="/printer/api/mp" productId="1">
                        <a href="/printer/api/bgj">
                            <i class="fa fa-meetup"></i> <span>不干胶</span>
                    <span class="pull-right-container">
                        <small class="label pull-right bg-red"></small>
                    </span>
                        </a>
                    </li>
                    <li class="treeview" url="/printer/api/mp" productId="2">
                        <a href="/printer/api/mp">
                            <i class="fa fa-book"></i> <span>名片</span>
                    <span class="pull-right-container">
                        <small class="label pull-right bg-red"></small>
                    </span>
                        </a>
                    </li>

                    <li class="treeview" url="/printer/api/std" productId="2">
                        <a href="/printer/api/std">
                            <i class="fa fa-shopping-bag"></i> <span>手提袋</span>
                    <span class="pull-right-container">
                        <small class="label pull-right bg-red"></small>
                    </span>
                        </a>
                    </li>

                    <li class="treeview" url="/printer/api/ft" productId="2">
                        <a href="/printer/api/ft">
                            <i class="fa fa-clone"></i> <span>封套</span>
                    <span class="pull-right-container">
                        <small class="label pull-right bg-red"></small>
                    </span>
                        </a>
                    </li>

                    <li class="treeview" url="/printer/api/xf" productId="2">
                        <a href="/printer/api/xf">
                            <i class="fa fa-envelope-o"></i> <span>信封</span>
                    <span class="pull-right-container">
                        <small class="label pull-right bg-red"></small>
                    </span>
                        </a>
                    </li>



                    <li class="treeview" url="/printer/api/wtld" productId="2">
                        <a href="/printer/api/wtld">
                            <i class="fa fa-bookmark"></i> <span>无碳联单</span>
                    <span class="pull-right-container">
                        <small class="label pull-right bg-red"></small>
                    </span>
                        </a>
                    </li>

                    <li class="treeview" url="/printer/api/pvccard" productId="2">
                        <a href="/printer/api/pvccard">
                            <i class="fa fa-credit-card"></i> <span>PVC卡</span>
                    <span class="pull-right-container">
                        <small class="label pull-right bg-red"></small>
                    </span>
                        </a>
                    </li>


                    <!--<li class="treeview" productId="77">-->
                    <!--<a href="?productId=77">-->
                    <!--<i class="fa fa-circle-o"></i> <span>单页</span>-->
                    <!--<span class="pull-right-container">-->
                    <!--<small class="label pull-right bg-red"></small>-->
                    <!--<i class="fa fa-angle-left pull-right"></i>-->
                    <!--</span>-->
                    <!--</a>-->
                    <!--<ul class="treeview-menu">-->
                    <!--<li url="/JoinSingle/Index" productId="3">-->
                    <!--<a href="/JoinSingle/Index?productId=3">-->
                    <!--<i class="fa fa-circle-o"></i>-->
                    <!--特价单页-->
                    <!--</a>-->
                    <!--</li>-->
                    <!--<li url="/OnlySingle/Index" productId="24">-->
                    <!--<a href="/OnlySingle/Index?productId=24">-->
                    <!--<i class="fa fa-circle-o"></i>-->
                    <!--专版单页-->
                    <!--</a>-->
                    <!--</li>-->
                    <!--</ul>-->
                    <!--</li>-->
                    <!--<li class="treeview" url="/DigitalSingle/Index" productId="38">-->
                    <!--<a href="/DigitalSingle/Index?productId=38">-->
                    <!--<i class="fa fa-circle-o"></i> <span>数码单页</span>-->
                    <!--<span class="pull-right-container">-->
                    <!--<small class="label pull-right bg-red"></small>-->
                    <!--</span>-->
                    <!--</a>-->
                    <!--</li>-->
                    <li class="treeview" productId="63">
                        <a href="?productId=63">
                            <i class="fa fa-book"></i> <span>画册</span>
                    <span class="pull-right-container">
                        <small class="label pull-right bg-red"></small>
                            <i class="fa fa-angle-left pull-right"></i>
                    </span>
                        </a>
                        <ul class="treeview-menu">
                            <li url="/printer/api/hc" productId="37">
                                <a href="/printer/api/hc">
                                    <i class="fa fa-circle-o"></i>
                                    专版画册
                                </a>
                            </li>
                            <li url="/DigitalAlbum/Index" productId="39">
                                <a href="/DigitalAlbum/Index?productId=39">
                                    <i class="fa fa-circle-o"></i>
                                    数码画册
                                </a>
                            </li>
                        </ul>
                    </li>
                    <!--<li class="treeview" productId="67">-->
                    <!--<a href="/printer/api/pvc">-->
                    <!--<i class="fa fa-circle-o"></i> <span>PVC</span>-->
                    <!--<span class="pull-right-container">-->
                    <!--<small class="label pull-right bg-red"></small>-->
                    <!--<i class="fa fa-angle-left pull-right"></i>-->
                    <!--</span>-->
                    <!--</a>-->
                    <!--<ul class="treeview-menu">-->
                    <!--<li url="/printer/api/pvc" productId="23">-->
                    <!--<a href="/printer/api/pvc">-->
                    <!--<i class="fa fa-circle-o"></i>-->
                    <!--PVC标准卡-->
                    <!--</a>-->
                    <!--</li>-->
                    <!--</ul>-->
                    <!--</li>-->
                </ul>
            </section>

<script type="text/javascript">
    $(function () {
        var url = window.location.pathname;
        var productId = GetQueryString("productId");

        var menuLi = $("li");
        $.each(menuLi,
            function (i, item) {
                if ($(item).attr("url") === url) {
                }
                if ($(item).attr("productId") === productId) {
                    //console.log(productId);
                    $(item).parent().parent().parent().parent().addClass("active");
                    $(item).parent().parent().parent().addClass("active");
                    $(item).parent().parent().addClass("active");
                    $(item).addClass("active");
                }
            });
    });
</script>
        </aside>
        <div class="content-wrapper angular-animation-container">
            <div class="shuffle-animation">
                
<link href="/static/static1/css/joinsingletable.css" rel="stylesheet" />
<section class="content">
    <div class="box box-primary">
        <form id="calcForm" class="easyui-form" method="post" data-options="novalidate:true">
            <input type="hidden" id="hidProductCode" name="ProductCode" value="9F5073AB-A12D-44C8-82E5-C40F4D469C76" />
            <input type="hidden" id="hidPlanBasicCode" name="PlanBasicCode" />
            <div class="box-header with-border">
                <h3 class="box-title">特价单页</h3>
                <div class="box-tools pull-right">
                    <button type="button" class="btn btn-box-tool" data-widget="collapse">
                        <i class="fa fa-minus"></i>
                    </button>
                    <button type="button" class="btn btn-box-tool" data-widget="remove">
                        <i class="fa fa-remove"></i>
                    </button>
                </div>
            </div>
            <div class="box-body">
                <div class="row">
                    <div class="col-md-5">
                        <div class="form-group">
                            <label>选择材料</label>
                            <select class="form-control select2" name="Paper" id="selPaper" style="width: 100%;">
                                    <option value="289B0E0E-A514-4E08-A85E-73EA4966EBAC">市场105克铜版纸（100克铜）</option>
                                    <option value="C27F95F6-3BEA-4277-B4E7-BAA9682C8D9A">市场128克铜版纸（110克铜）</option>
                                    <option value="48F40B0E-76DB-4440-9731-9AE6B1BBBFEB">市场157克铜版纸（130克铜）</option>
                            </select>
                        </div>
                        <div class="form-group" id="trCustom">
                            <label>尺寸</label>
                            <div class="input-group col-xs-12">
                                <input type="text" class="form-control" placeholder="长边" name="LongSideLength" id="txtLongSideLength">
                                <div class="input-group-addon">
                                    <i class="fa fa-remove"></i>
                                </div>
                                <input type="text" class="form-control" placeholder="短边" name="ShortSideLength" id="txtShortSideLength">
                            </div>
                        </div>
                        <div class="form-group">
                            <label>数量</label>
                            <input type="text" class="form-control" name="Num" id="txtNum" placeholder="数量" value="1000">
                        </div>
                        <div class="form-group">
                            <label>选择工艺</label>
                            <div class="form-group divCraft" id="divCraft">
                                    <label>
                                        <input type="checkbox" class="icheck" crafttype="Fold" name="Crafts" id="247" value="C29C9258-184C-4C58-907E-315145D049C6" />二折页
                                        &nbsp;&nbsp;
                                    </label>
                                    <label>
                                        <input type="checkbox" class="icheck" crafttype="Fold" name="Crafts" id="248" value="5F12E8C1-B381-41EB-804B-FDADEBEE312E" />三折页
                                        &nbsp;&nbsp;
                                    </label>
                                    <label>
                                        <input type="checkbox" class="icheck" crafttype="Fold" name="Crafts" id="249" value="4CE10283-1DE7-42D0-B064-8B076B411A04" />四折页
                                        &nbsp;&nbsp;
                                    </label>
                            </div>
                        </div>
                        <div class="row" id="rowResult" style="display: none;">
                            <div class="col-md-10">
                                <div class="form-group">
                                    <label>计算总结</label>
                                    <input type="text" class="form-control" name="txtResult" id="txtResult" placeholder="计算总结">
                                </div>
                            </div>
                        </div>
                        <div class="box-group">
                            <button type="button" class="btn btn-danger btn-lg" onclick="submitForm()">计算</button>
                            <button type="button" class="btn  btn-white btn-lg" onclick="clearForm()">清空</button>
                            <button type="button" class="btn btn-success btn-lg" onclick="copyResult()" id="btnResult" style="display: none;">复制计算总结到剪切板</button>
                        </div>
                        <div class="row">
                            <br />
                        </div>
                        <div class="row">
                            <div class="col-xs-12">
                                <div class="box box-success">
                                    <div class="box-header">
                                        <h3 class="box-title">计算结果</h3>
                                    </div>
                                    <div class="box-body table-responsive no-padding">
                                        <table class="table table-hover" id="tbResult">
                                            
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <img src="/static/static1/picture/20180827163859_2014.png" style="height: auto; max-height: 100%; max-width: 100%; width: auto;" />
                    </div>
                </div>
            </div>
        </form>
    </div>
</section>


            </div>
        </div>
        

<footer class="main-footer">
    <div class="pull-right hidden-xs">
        <b>Version</b> 0.1.0.5
    </div>
    <strong>&nbsp;</strong>
</footer>
    </div>
    <script>
    $(function() {
        initICheck();
        initSelect2();

        toastr.options = {
            "positionClass": "toast-top-center" //弹出窗的位置
        };
        var skinClass = $("#hidSkin").val();
        $("body").addClass(skinClass);
    });

    function showMobileUserPrompts() {
        var userPrompts = "";
        if (false) {
            userPrompts += "<div class=\"box-body low text-red\">";
            userPrompts += "备注：您的资料正在审核中，审核通过后，即可获得最终报价，感谢支持，请您耐心等待！";
            userPrompts += "</div>";
        } else if (false) {
            userPrompts += "<div class=\"box-body low text-red\">";
            userPrompts += "备注：以上价格仅供参考，完善资料即可获取最新报价";
            userPrompts += "</div>";
            userPrompts += "<div class=\"box-body low text-red text-center\">";
            userPrompts += "<a href=\"http://weixin.shengdaprint.com/Account/RegisterCustomer?companyCode=1&amp;dataSource=\" class=\"btn btn-primary\">完善资料</a>";
            userPrompts += "</div>";
        }
        $("#rowUserPrompts").show();
        $("#divUserPrompts").html(userPrompts);
    }
    </script>
    
    <script type="text/javascript">
        $(function () {
            necessaryCraft();
        });

        function copyResult() {
            var element = $("#txtResult");
            copyText(element);
        }

        function submitForm() {
            $("#tbResult").html("");
            $.ajax({
                type: "POST",
                url: "/JoinSingle/CalcResult",
                data: $("#calcForm").serialize(),
                success: function (res) {
                    var data = res.Result;
                    if (data.Success) {
                        $("#tbResult").append("<tr><td>总计" +
                            data.Result.TotalPrice +
                            "元"
                            + data.Result.Advice +
                            "</td></tr>");
                        $("#txtResult").val(data.Result.Desc);
                        $("#btnResult").show();
                        $("#rowResult").show();
                    } else {
                        $("#tbResult").append("<tr><td>" + data.Msg + "</td></tr>");
                    }
                }
            });
        }

        function clearForm() {
            location.reload();
        }
    </script>

</body>
</html>
